<template>
  <div class="train-course-student">
    <el-button
      class="btn-back"
      type="custom"
      size="small"
      @click="handleBack"
      plain
      >返回列表</el-button
    >
    <Search />
    <List />
    <Add />
  </div>
</template>
<script>
export default {
  components: {
    Search: () => import('./Search.vue'),
    List: () => import('./List.vue'),
    Add: () => import('./Add.vue'),
  },
  methods: {
    handleBack() {
      this.$router.go(-1)
    },
  },
}
</script>
<style scoped lang="scss">
.train-course-student {
  position: relative;
  .btn-back {
    position: absolute;
    right: 0;
    top: -53px;
    z-index: 1;
  }
}
</style>